Full source code website bán hàng thương mại điện tử gần giống shopee
473.555 lượt xem;
1
2 ul.tabs
3 {
4 padding: 7px 0;
5 font-size: 0;
6 margin:0;
7 list-style-type: none;
8 text-align: left; /*set to left, center, or right to align the tabs as desired*/
9 background-image:url('../../images/box_cat_pro.jpg');
10 }
11
12 ul.tabs li
13 {
14 display: inline;
15 margin: 0;
16 margin-right:3px; /*distance between tabs*/
17 }
18
19 ul.tabs li a
20 {
21 font: normal 12px tahoma;
22 text-decoration: none;
23 position: relative;
24 z-index: 1;
25 padding: 7px 5px;
26 color: #FFFFFF;
27 outline:none;
28 }
29 ul.tabs1
30 {
31 padding: 7px 0;
32 font-size: 0;
33 margin:0;
34 list-style-type: none;
35 text-align: left; /*set to left, center, or right to align the tabs as desired*/
36 background-image:url('../../images/bg_box_news.png');
37 }
38
39 ul.tabs1 li
40 {
41 display: inline;
42 margin: 0;
43 margin-right:3px; /*distance between tabs*/
44 }
45
46 ul.tabs1 li a
47 {
48 font: normal 12px tahoma;
49 text-decoration: none;
50 position: relative;
51 z-index: 1;
52 padding: 7px 5px;
53 color: #FFFFFF;
54 outline:none;
55 }
56 .li_line
57 {
58 font: normal 12px tahoma;
59 text-decoration: none;
60 position: relative;
61 z-index: 1;
62 padding: 7px 0px;
63 color: #FFFFFF;
64 outline:none;
65 }
66
67 ul.tabs li a:visited
68 {
69 font: normal 12px tahoma;
70 text-decoration: none;
71 color: #FFFFFF;
72 }
73
74 ul.tabs li a:hover
75 {
76 }
77
78 ul.tabs li.selected a
79 {
80 /*selected tab style */
81 position: relative;
82 top: 0px;
83 font-weight:bold;
84 color:#97FF46
85 }
86
87
88 ul.tabs li.selected a:hover
89 {
90 /*selected tab style */
91 text-decoration: none;
92 }
93 ul.tabs1 li a:visited
94 {
95 font: normal 12px tahoma;
96 text-decoration: none;
97 color: #FFFFFF;
98 }
99
100 ul.tabs1 li a:hover
101 {
102 }
103
104 ul.tabs1 li.selected a
105 {
106 /*selected tab style */
107 position: relative;
108 top: 0px;
109 font-weight:bold;
110 color:#97FF46
111 }
112
113
114 ul.tabs1 li.selected a:hover
115 {
116 /*selected tab style */
117 text-decoration: none;
118 }
119
120 div.tabcontent
121 {
122 display: block;
123 padding-left:5px;
124 padding-bottom:5px;
125 overflow:hidden;
126 }
127 div.tabcontent a:visited
128 {
129 color:#333333
130 }
131 div.tabcontents
132 {
133 border: 1px solid #276864; padding: 0px;
134 background-color:#FFF;
135 border-radius: 0 2px 2px 2px;
136 }
2 ul.tabs
3 {
4 padding: 7px 0;
5 font-size: 0;
6 margin:0;
7 list-style-type: none;
8 text-align: left; /*set to left, center, or right to align the tabs as desired*/
9 background-image:url('../../images/box_cat_pro.jpg');
10 }
11
12 ul.tabs li
13 {
14 display: inline;
15 margin: 0;
16 margin-right:3px; /*distance between tabs*/
17 }
18
19 ul.tabs li a
20 {
21 font: normal 12px tahoma;
22 text-decoration: none;
23 position: relative;
24 z-index: 1;
25 padding: 7px 5px;
26 color: #FFFFFF;
27 outline:none;
28 }
29 ul.tabs1
30 {
31 padding: 7px 0;
32 font-size: 0;
33 margin:0;
34 list-style-type: none;
35 text-align: left; /*set to left, center, or right to align the tabs as desired*/
36 background-image:url('../../images/bg_box_news.png');
37 }
38
39 ul.tabs1 li
40 {
41 display: inline;
42 margin: 0;
43 margin-right:3px; /*distance between tabs*/
44 }
45
46 ul.tabs1 li a
47 {
48 font: normal 12px tahoma;
49 text-decoration: none;
50 position: relative;
51 z-index: 1;
52 padding: 7px 5px;
53 color: #FFFFFF;
54 outline:none;
55 }
56 .li_line
57 {
58 font: normal 12px tahoma;
59 text-decoration: none;
60 position: relative;
61 z-index: 1;
62 padding: 7px 0px;
63 color: #FFFFFF;
64 outline:none;
65 }
66
67 ul.tabs li a:visited
68 {
69 font: normal 12px tahoma;
70 text-decoration: none;
71 color: #FFFFFF;
72 }
73
74 ul.tabs li a:hover
75 {
76 }
77
78 ul.tabs li.selected a
79 {
80 /*selected tab style */
81 position: relative;
82 top: 0px;
83 font-weight:bold;
84 color:#97FF46
85 }
86
87
88 ul.tabs li.selected a:hover
89 {
90 /*selected tab style */
91 text-decoration: none;
92 }
93 ul.tabs1 li a:visited
94 {
95 font: normal 12px tahoma;
96 text-decoration: none;
97 color: #FFFFFF;
98 }
99
100 ul.tabs1 li a:hover
101 {
102 }
103
104 ul.tabs1 li.selected a
105 {
106 /*selected tab style */
107 position: relative;
108 top: 0px;
109 font-weight:bold;
110 color:#97FF46
111 }
112
113
114 ul.tabs1 li.selected a:hover
115 {
116 /*selected tab style */
117 text-decoration: none;
118 }
119
120 div.tabcontent
121 {
122 display: block;
123 padding-left:5px;
124 padding-bottom:5px;
125 overflow:hidden;
126 }
127 div.tabcontent a:visited
128 {
129 color:#333333
130 }
131 div.tabcontents
132 {
133 border: 1px solid #276864; padding: 0px;
134 background-color:#FFF;
135 border-radius: 0 2px 2px 2px;
136 }